<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚好款_商品详情</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="jhaokuan_goods_details">
        <header-top></header-top>
        <header-search-global type="商品" :companyname="companyName" :follow="follow" @callback="jumpShopCompany"></header-search-global>
        <div class="jhaokuan_goods_details">
            <div class="top_banner" :style="{backgroundImage:'url('+topBanner+')'}"></div>
            <jhaokuan-goods-details-topnav :navlist="navList"></jhaokuan-goods-details-topnav>
            <common-crumb :crumblist="crumblist" class="pb-20"></common-crumb>
            <div class="con_top container">
                <div class="con_top-left">
                    <div class="top"><img :src="goodsShowBig"></div>
                    <div class="bottom">
                        <div class="bottom-col" :class="{' bottom-col-cur ':index==goodsShowIndex}" v-for="item,index in goodsShow" @mouseenter="inGoodsShow(item.fileUrl,index)"><img :src="item.fileUrl"></div>
                    </div>
                    <div class="bottom_btn">
                        <p v-show = "collectingId != null" @click="delCollecting(collectingId)"><i class="icon-jhk_collect_cur"></i>收藏商品</p>
                        <p v-show = "collectingId == null" @click="addCollecting(gid)"><i class="icon-jhk_collect"></i>收藏商品</p>
                        <p><i class="icon-jhk_share"></i>分享</p>
                    </div>
                </div>
                <div class="con_top-right">
                    <h1>{{goodsName}}</h1>
                    <div class="top">
                        <div class="top-col">
                            <h2>价　格</h2>
                            <div class="top-col-text">
                                <h3 v-for="item in goodsBteList"><span>￥</span>{{ (item.unitPrice).toFixed(2) }}</h3>
                            </div>
                        </div>
                        <div class="top-col">
                            <h2>起批量</h2>
                            <div class="top-col-text">
                                <!-- <p>2-29 件</p> -->
                                <p v-if="goodsBteList.length>1" v-for="item in goodsBteList.slice(0,goodsBteList.length-1)">{{item.minNum}}-{{item.maxNum}} 件</p>
                                <p>≥{{goodsBteList[goodsBteList.length-1].minNum}} 件</p>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="song">
                        <h2>配　送</h2>
                        <div class="song-text">
                            <font>广东揭阳　</font>
                            至
                            <font>　南京<i class="icon-address_arr"></i></font>运费：10.00 （订单满98免运费）
                        </div>
                    </div> -->
                    <div class="color">
                        <h2>颜　色</h2>
                        <div class="color-col" v-for="item,index in buyParam" :class="{'color-col_cur':colorCur==index}" @click="clickColor(index)">
                            <img :src="item.picUrl" :title="item.specValue">
                        </div>
                    </div>
                    <div class="size">
                        <h2>尺　码</h2>
                        <!-- 用于更新页面 隐藏 -->
                        <div v-show="0">{{this.viewChange.data}}</div>
                        <div class="size-colum" v-for="item,index in buyParam" v-show="index==colorCur">
                            <div class="size-colum-con" v-for="subitem,subindex in item.sizeList">
                                <p><span>{{subitem.spec_value}}</span></p>
                                <p><span>{{ (showPrice).toFixed(2) }}</span>元</p>
                                <p>{{subitem.amount}}件可售</p>
                                <div class="counter">
                                    <button @click="clickDel(index,subindex)">-</button>
                                    <input type="text" v-model="subitem.buyAmount" @blur="blurInput(index,subindex)">
                                    <button @click="clickAdd(index, subindex)">+</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="total" :class="{'total_cur':goodsTotalShow}">
                        <div class="total-left">
                            <p>{{goodsTotalNum}}<span>件</span></p>
                            <p>{{ (goodsTotalPrice).toFixed(2) }}元</p>
                            <p v-if="goodsTotalNum<goodsStartNum">
                                <font>数量不足起批量</font>
                            </p>
                        </div>
                        <div class="total-right" @click="clickDetailsList">已选清单<i class="icon-address_arr"></i></div>
                        <div class="total-sub">
                            <div class="total-sub-col" v-for="item,index in buyParam">
                                <h1>{{item.specValue}}</h1>
                                <h1>{{ colorTotal(item.sizeList) }}件</h1>
                                <p v-for="subitem,subindex in item.sizeList">{{subitem.spec_value}} ({{subitem.buyAmount}})</p>
                            </div>
                        </div>
                    </div>
                    <div class="btn">
                        <a href="#">商务洽谈</a>
                        <a :href="location+'/jqiye/jqiye_details.html?id='+follow.id">企业详情</a>

                    </div>
                    <!--<div class="a_box">-->
                        <!--<a v-for="item in basicGuarantee">{{ -->
                            <!--item==0 ? "正品保证" :-->
                            <!--item==1 ? "极速退款" :-->
                            <!--item==2 ? "七天无理由退货" :""-->
                         <!--}}</a>-->
                        <!--&lt;!&ndash; <a>正品保证</a>-->
                        <!--<a>极速退款</a>-->
                        <!--<a>七天无理由退货</a> &ndash;&gt;-->
                    <!--</div>-->
                </div>
            </div>
            <div class="tap-box container">
                <div class="tap">商品详情</div>
            </div>
            <div class="container">
                <div class="title"><i class="icon-goods_details_title"></i>商品参数<span>DETAIL</span></div>
            </div>
            <div class="goods_details_con-param container mb-30">
                <div class="goods_details_con-param-con" v-for="item in goodsparam">
                    <h1>{{item.tspecName}}：</h1>
                    <p>{{item.tvalueName}}</p>
                </div>
            </div>
            <div class="container">
                <div class="title"><i class="icon-goods_details_title"></i>商品描述<span>DESCRIBE</span></div>
            </div>
            <div class="container mb-30">
                <p style="padding-left: 20px;">{{describe}}</p>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jhaokuan_goods_details();
    </script>
</body>

</html>